<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>USMP</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#apDiv1 {
	position:absolute;
	left:92px;
	top:314px;
	width:484px;
	height:280px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:704px;
	top:334px;
	width:214px;
	height:150px;
	z-index:2;
}
#apDiv3 {
	position:absolute;
	left:660px;
	top:336px;
	width:274px;
	height:150px;
	z-index:2;
}
#apDiv4 {
	position:absolute;
	left:780px;
	top:351px;
	width:306px;
	height:162px;
	z-index:2;
}
.Estilo2 {font-size: 12px}
#apDiv5 {
	position:absolute;
	left:261px;
	top:153px;
	width:565px;
	height:64px;
	z-index:3;
}
.Estilo3 {
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;
}
-->
</style>
</head>

<body >

<div id="content_outside">

<div id="content">

<div id="topbar">
<div id="innerTopbar">
			<ul id="rightlinks">
				<li><a href="#">IDIOMA</a></li>
			</ul>
	  </div>
</div>



<div><img src="images/logo_virtual.png" width="276" height="97" /></div>
</div>

<div id="footer">
<div id="terms">
			<p>©2012 USMP Virtual. Todos los derechos reservados</p>
			<p class="politics"><a href="#">Política de Privacidad</a> | <a href="#" >Términos y Condiciones</a></p>
		</div>
</div>
</div>


<div id="apDiv1"></div>
<div id="apDiv4">
  <form id="form1" name="form1" method="post" action="">
   <table width="299" height="171" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="2">Nombre de usuario</td>
    </tr>
  <tr>
    <td colspan="2"><input name="txt_usuario" type="text" value="usuario" size="30"/></td>
    </tr>
  <tr>
    <td colspan="2">Contraseña</td>
    </tr>
  <tr>
    <td colspan="2"><input name="txt_contraseña" type="password" value="" size="30"/></td>
    </tr>
  <tr>
    <td colspan="2" ><input name="btn_ingresar" type="button" value="Ingresar" /></td>
    </tr>
  <tr>
    <td><input name="cb_recordar" type="checkbox" value="1" />
      <span class="Estilo2">Recordar mis datos</span></td>
    <td><a href="#" class="Estilo2">¿olvidaste tu contraseña?</a></td>
  </tr>
</table>
  </form>
</div>

<div class="Estilo3" id="apDiv5">Reserva de campo deportivo</div>
</body>
</html>
